<template>
  <div>首页</div>
</template>

<script setup>
import {onBeforeMount,onMounted,onBeforeUpdate,onUpdated,onBeforeUnmount,onUnmounted,onActivated,onDeactivated} from "vue"
onBeforeMount(()=>{
  console.log("Home onBeforeMount")
})
onMounted(()=>{
  console.log("Home onMounted")
})
onBeforeUpdate(()=>{
  console.log("Home onBeforeUpdate")
})
onUpdated(()=>{
  console.log("Home onUpdated")
})
onBeforeUnmount(()=>{
  console.log("Home onBeforeUnmount")
})
onUnmounted(()=>{
  console.log("Home onUnmounted")
})
onActivated(()=>{
  console.log("Home onActivated")
})
onDeactivated(()=>{
  console.log("Home onDeactivated")
})
</script>
